<!--线索单查询-->


<template>
<div class="app-container app-container-table">


    <el-form
      style="float:left"
      class="editPer filter-params-crm-scroll crm-s-scroll edit"
    >
      <span  v-for="(item,index) in infoComponents"
      :key="index">
      <div v-if="item.title?true:false" class="filter-container-crm filter-title-crm">{{item.title}}</div>
      <div v-if="item.tableComponents?true:false" class="filter-container-crm filter-params-crm">
        <crmGroupForm
          :dynamicComponentss="item.tableComponents"
          :values="formField"
          :ref="item.ref"
        />
        <span v-for="(item1,index) in item.children" :key="index+'chidren'">
          <crmGroupForm
          v-if="!(item1.type=='table')"
            :dynamicComponentss="item1.tableComponents"
            :values="formField"
            :ref="item1.ref"
          />
            <one-table-template
               v-if="item1.type=='table'"
               :ref="'multipleTable'+index"

             :dynamicApiConfig="item1.apiConfig"
             :dynamicTableCols="item1.tableCols"
             :dynamicFormFields="item1.formField"
             :dynamicIsShowSelect="false"
             :dynamicIsShowMoreBtn="true"
             :dynamicIsInitTable="true"
           />
        </span>
      </div>
      </span>

      <el-tabs v-model="activeName1" class="tabs" type="card" @tab-click="handleClick1">
        <el-tab-pane label="主要信息" name="first">
          <span  v-for="(item,index) in infoComponents3" :key="index">
            <div v-if="item.title?true:false" class="filter-container-crm filter-title-crm">{{item.title}}</div>
            <div class="filter-container-crm filter-params-crm">
              <crmGroupForm
                :dynamicComponentss="item.tableComponents"
                :values="formField"
                ref="formone"

              />
              <span v-for="(item1,index) in item.children" :key="index+'chidren'">
                <crmGroupForm
                v-if="!(item1.type=='table')"
                  :dynamicComponentss="item1.tableComponents"
                  :values="formField"
                  :ref="item1.ref"
                />
              </span>
            </div>
          </span>
        </el-tab-pane>
        <!-- <el-tab-pane label="次要信息" name="second">
          <span  v-for="(item,index) in infoComponents4" :key="index">
            <div v-if="item.title?true:false" class="filter-container-crm filter-title-crm">{{item.title}}</div>
            <div class="filter-container-crm filter-params-crm">
              <crmGroupForm

                :dynamicComponentss="item.tableComponents"
                :values="formField"
                :ref="item.ref"
              />
              <span v-for="(item1,index) in item.children" :key="index+'chidren'">
                <crmGroupForm
                v-if="!(item1.type=='table')"
                  :dynamicComponentss="item1.tableComponents"
                  :values="formField"
                  :ref="item1.ref"
                />
              </span>
            </div>
          </span>
        </el-tab-pane> -->
        <el-tab-pane label="其它意向信息" name="third" style="border:0;font-size:12px">
          <div class="filter-container-crm filter-params-crm">
            <el-table
            :data="infoComponents6.tableData"
            highlight-current-row
            style="width: 100%;height:300px"
            v-loading.body="false"
            :element-loading-text="$store.state.app.loadingText"
            border
            fit
          >
            <el-table-column type="index" label="序号" width="55"></el-table-column>
            <el-table-column
              v-for="item in infoComponents6.colnames"
              :key="item.value"
              :label="item.label"
              :prop="item.value"
              align="center"
            ></el-table-column>
          </el-table>
          </div>
        </el-tab-pane>
      </el-tabs>

      <!-- <span  v-for="(item,index) in infoComponents1"
        :key="index">
        <div v-if="item.title?true:false" class="filter-container-crm filter-title-crm" style="margin-bottom:0px;">{{item.title}}</div>
          <div class="filter-container-crm">
            <span v-for="(item1,index) in item.children" :key="index+'chidren'">
                <one-table-template
                  v-if="item1.type=='table'"
                  ref="multipleTable"
                  dynamicButtonsRight="[]"
                :dynamicApiConfig="item1.apiConfig"
                :dynamicTableCols="item1.tableCols"
                :dynamicFormFields="item1.formField"
                :dynamicButtons="item1.bottons"
                :dynamicIsShowSelect="false"
                :dynamicIsShowMoreBtn="true"
                :dynamicIsInitTable="true"
                :isShowPagination="false"
              />
            </span>
          </div>
      </span> -->
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick" class="crm-return-tabs">
        <el-tab-pane label="接触记录" name="first" style="font-size:12px">
          <div v-for="(item,index) in infoComponents1" :key="index">
            <div class="filter-container-crm filter-params-crm" style="padding:0px;">
              <div v-for="(item1,index) in item.children" :key="index+'chidren'">
                <one-table-template
                  v-if="item1.type=='table'"
                  ref="multipleTable"
                  dynamicButtonsRight="[]"
                  :dynamicApiConfig="item1.apiConfig"
                  :dynamicTableCols="item1.tableCols"
                  :dynamicFormFields="item1.formField"
                  :dynamicButtons="item1.bottons"
                  :dynamicIsShowSelect="false"
                  :dynamicIsShowMoreBtn="true"
                  :dynamicIsInitTable="true"
                  :isShowPagination="false"
                />
              </div>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="全网行为" name="second" style="font-size:12px">
          <div v-for="(item,index) in infoComponents2" :key="index">
            <div class="filter-container-crm filter-params-crm">
              <div v-for="(item1,index) in item.children" :key="index+'chidren'">
                <one-table-template
                  v-if="item1.type=='table'"
                  :ref="'multipleTable'+index"
                  dynamicButtonsRight="[]"
                  :dynamicApiConfig="item1.apiConfig"
                  :dynamicTableCols="item1.tableCols"
                  :dynamicFormFields="item1.formField"
                  :dynamicIsShowSelect="false"
                  :dynamicIsShowMoreBtn="true"
                  :dynamicIsInitTable="true"
                />
              </div>
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>

    </el-form>
    <!-- <crmGroupSubmit :formSubmitButton="formSubmitButton" /> -->
  </div>
</template>
<script>
import { formMixins } from "@/components/mixins/formMixins";
import { crmApis } from "@/api/apiList/crm";
import { requestAPI } from "@/api/commonRequest";
import crmGroupForm from "@/components/crm/commonComponents/crmGroupForm";
// import crmGroupSubmit from "@/components/crm/commonComponents/crmGroupSubmit";
import OneTableTemplate from "@/components/crm/Template/crmformonePage";
import { truncate } from 'fs';
export default {
  name: "ComplaintDetail",
  components: {
    crmGroupForm,
    // crmGroupSubmit,
     OneTableTemplate,
  },
  data() {
    return{
      activeName:'first',
      activeName1:"first",

      infoComponents: [
        {
          title: "客户信息",
          tableComponents: [
            {
              compKey: "compKey1",
              labelName: "客户名称",
              codeField: "custName",
              isRequire: false,
              readonly: true,
              disabled: true,
              isMust: true,
              component: () => import("@/components/crm/textbox/crmTextInput")
            },
            // 非值列表  需处理
            {
              compKey: "compKey2",
              labelName: "性别",
              codeField: "gender", //genderCode
              isMust: true,
              disabled: true,
              isMul: false,
              lookuptype: "DB0022",
              component: () =>
                import("@/components/crm/lookupValue/lookupvalue")
            },
            //
            {
              compKey: "compKey3",
              labelName: "电话",
              codeField: "contactTel",
              isRequire: false,
              isMust: true,
              readonly: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput")
            },
            {
              compKey: "compKey4",
              labelName: "备用电话",
              codeField: "backupTel",
              isRequire: false,
              isMust: true,
              readonly: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput")
            },
          ]
        },
        {
          title: "线索信息",

        },

      ],
      infoComponents1:[
        {
          title:"接触记录",
          children:[
            {
              type:'table',
              formField: {
                // oemCode: "1",
                // groupCode: "1",
                isQueryHistory:"0",
                serverOrder:this.$route.params.serverOrder
              },
              bottons:[
                {
                  compKey: "btnKey1",
                  type: "",
                  size: "small",
                  clickEvent: () => this.getHistory(),
                  text: "一年前归档记录"
                }
              ],
              apiConfig: crmApis.clueServerQueryReviewRecord,
              // 动态生成网格列
              tableCols: [
                { prop: "carSeriesCn", label: "意向车系", width: 150, align: "center" },
                { prop: "custName", label: "客户名称", width: 120, align: "center" },
                { prop: "clueLevelCode", label: "意向级别", width: 80, align: "center" },
                { prop: "reviewDesc", label: "回访描述", width: null, align: "center" },
                { prop: "factReviewDate", label: "回访时间", width: 150, align: "center" },
                { prop: "touchStatusName", label: "处理状态", width: 100, align: "center" },
                { prop: "reviewType", label: "回访类型", width: 100, align: "center" },
                { prop: "hfPerson", label: "回访人员", width: 120, align: "center" },
                { prop: "serverOrder", label: "来源单号", width: 150, align: "center" },
                { prop: "lostFailerDetail", label: "战败失控原因", width: 150, align: "center" },

              ]
            },
          ]
        }
      ],
         infoComponents2: [
        {
          children: [
            {
              type: "table",
              formField: {
                // oemCode: "1",
                // groupCode: "1",
                contactTel: this.$route.params.contactTel
                // serverOrder: this.$route.params.serverOrder
              },
              apiConfig: crmApis.clueServerQueryWholeNetAction,
              // 动态生成网格列
              tableCols: [
                {
                  prop: "lastUpdatedDate",
                  label: "更新时间",
                  width: null,
                  align: "center"
                },
                {
                  prop: "dealType",
                  label: "更新方式",
                  width: null,
                  align: "center"
                },
                {
                  prop: "carSeriesCn",
                  label: "意向车系",
                  width: null,
                  align: "center"
                },
                {
                  prop: "clueLevelCode",
                  label: "意向级别",
                  width: null,
                  align: "center"
                },
                // {
                //   prop: "hfPerson",
                //   label: "回访人员",
                //   width: null,
                //   align: "center"
                // },
                {
                  prop: "actionDesc",
                  label: "全网行为描述",
                  width: null,
                  align: "center"
                },
                {
                  prop: "actionType",
                  label: "全网行为",
                  width: null,
                  align: "center"
                }
              ]
            }
          ]
        }
      ],
      infoComponents3:[
        {
           tableComponents:[
            {
              compKey: "compKey5",
              labelName: "信息来源",
              codeField: "infoChanDName",
              textField:"infoChanDName",
              isRequire: false,
              isMust: true,
              isMul:false,
              disabled: true,
              component: () => import("@/components/crm/crmEjectWindows/crmSourceFrom/index"),
              type: "propus",
              changeCode:(cur) => this.changeSource(cur)
            },
            {
              compKey: "compKey6",
              labelName: "意向级别",
              codeField: "clueLevelCode",
              isMul: false,
              isMust: true,
              disabled: true,
              isRequire: false,
              lookuptype: "LX141",
              component: () =>import("@/components/crm/lookupValue/lookupvalue"),
              // changeCode:(val) => this.ChangeCode(val),
            },
            {
              compKey: "compKey7",
              labelName: "意向价格",
              codeField: "intentPriceCode",
              isMul: false,
              isMust: true,
              disabled: true,
              isRequire: false,
              lookuptype: "APPVE9527_09",
              component: () =>import("@/components/crm/lookupValue/lookupvalue"),
              // changeCode:(val) => this.ChangeCode(val),
            },
            {
              compKey: "compKey8",
              labelName: "下次回访时间",
              codeField: "nextCallbackDate",
              isRequire: false,
              isMust: true,
              disabled: true,
              component: () => import("@/components/crm/Time/crmafterDateTime")
            },
            {
              compKey: "compKey9",
              labelName: "意向车系",
              codeField: "inteSeriesCode",
              textField:"carSeriesCn",
              isRequire: false,
              isMust: true,
              isMul:false,
              disabled: true,
              component: () => import("@/components/crm/crmEjectWindows/crmIntenCarSeries/index"),
              type: "propus",
              // changeCode:(a,b,c,d,e,f,g,cur) => this.curSelected(a,b,c,d,e,f,g,cur)
            },
            {
              compKey: "compKey10",//跟车系联动
              labelName: "意向车型",
              codeField: "inteTypeCode",
              textField:"inteTypeName",
              isRequire: false,
              isMust: true,
              isMul:false,
              disabled: true,
              component: () => import("@/components/crm/crmEjectWindows/crmCartype/index"),
              type: "propus",
              emitCode:(cur) => this.changeCarConfig(cur)
            },
            // {
            //   compKey: "compKey11",//跟车系联动
            //   labelName: "意向颜色",
            //   codeField: "color",
            //   isMul: false,
            //   isMust: true,
            //   disabled: true,
            //   isRequire: false,
            //   lookuptype: "UC0036",
            //   component: () =>import("@/components/crm/lookupValue/lookupvalue"),
            //   // changeCode:(val) => this.ChangeCode(val),
            // },
            {
              compKey: "compKey11",
              labelName: "意向颜色",
              codeField: "carColorId",
              textField: "carColorName",
              isMul: false,
              isMust: true,
              disabled: true,
              lookuptype: crmApis.mdmCarTypeColorQueryGroupBySeriesId,
              changeCodeArray: [{ changCode: "smallCarTypeId" }],
              component: () =>
                import("@/components/crm/lookupValue/secondDropList")
            },
             {
              compKey: "compKey50",
              labelName: "意向内饰色",
              codeField: "carIncolorId",
              textField: "carIncolorName",
              isMust: true,
              isMul: false,
              disabled: true,
              lookuptype: crmApis.mdmCarTypeIncolorQueryGroupBySeriesId,
              component: () => import("@/components/crm/lookupValue/secondDropList")
            },
            {
              compKey: "compKey51",
              labelName: "选装包",
              codeField: "optionalPackId",
              textField: "optionalPackCn",
              isMust: true,
              isMul: false,
              disabled: true,
              component: () => import("@/components/crm/crmEjectWindows/crmCarPackage/index")
            },
            {
              compKey: "compKey12",
              labelName: "留资时间",
              codeField: "remainDataDate",
              isRequire: false,
              isMust: true,
              disabled: true,
              component: () => import("@/components/crm/Time/crmdatePicker")
            },
            {
              compKey: "compKey017",
              labelName: "竞品车系",
              codeField: "compCarSeriesC",
              textField: "compCarSeriesN",
              isRequire: false,
              isMust: true,
              isMul: false,
              disabled: true,
              emitCode: rowData => this.getJPCarS(rowData),
              component: () =>
                import(
                  "@/components/crm/crmEjectWindows/crmCompetitiveCar/index"
                )
            },{},
            {
              compKey: "compKey13",
              labelName: "描述",
              codeField: "clueDesc",
              isRequire: false,
              isMust: true,
              readonly: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput"),
              span:12,
              inputType:"textarea"
            },
            {
              compKey: "compKey14",
              labelName: "备注",
              codeField: "remark",
              isRequire: false,
              isMust: true,
              readonly: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput"),
              span:12,
              inputType:"textarea"
            },
            {
              compKey: "compKey55",
              labelName: "购车要素",
              lookuptype: "VE0067",
              codeField: "buyFocus",
              isMust: true,
              getVal:"",
              span:24,
              disabled:true,
              changeCode: val => this.getFocus(val),
              component: () => import("@/views/crm/cu/CustInfo/interest")
            },
          ]
        }
      ],
      infoComponents4:[
        {
          tableComponents:[
            {
              compKey: "compKey17",
              labelName: "客户来源",
              codeField: "custSource",
              isMul: false,
              isMust: true,
              disabled: true,
              // isRequire: true,
              lookuptype: "VE0114",
              component: () =>import("@/components/crm/lookupValue/lookupvalue"),

            },
            {
              compKey: "compKey18",
              labelName: "保有客户",
              codeField: "originalCustName",
              isRequire: false,
              isMust: true,
              isMul:false,
              disabled: true,
              component: () => import("@/components/crm/crmEjectWindows/crmOwnerCust/index"),
              type: "propus",
              changeCode:(cur)=>this.changeCust(cur)
            },
            {
              compKey: "compKey19",
              labelName: "推荐人关系",
              codeField: "recommendPersonRelation",
              isMul: false,
              isMust: true,
              disabled: true,
              // isRequire: true,
              lookuptype: "DB0019",
              component: () =>import("@/components/crm/lookupValue/lookupvalue"),
            },
            {
              compKey: "compKey20",
              labelName: "旧车牌号",
              codeField: "carLicense",
              isRequire: false,
              isMust: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput"),
            },
            {
              compKey: "compKey21",
              labelName: "介绍人关系",
              codeField: "introducerRelationship",
              isMul: false,
              isMust: true,
              disabled: true,
              // isRequire: true,
              lookuptype: "DB0019",
              component: () =>import("@/components/crm/lookupValue/lookupvalue"),
            },
            {
              compKey: "compKey22",
              labelName: "介绍人",
              codeField: "introducer",
              isRequire: false,
              isMust: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput"),
            },
            {
              compKey: "compKey23",
              labelName: "介绍人电话",
              codeField: "introduceTel",
              isRequire: false,
              isMust: true,
              disabled: true,
              component: () => import("@/components/crm/textbox/crmTextInput"),
            },
            {
              compKey: "compKey24",
              labelName: "介绍人性别",
              codeField: "introduceGender",
              isMul: false,
              isMust: true,
              disabled: true,
              // isRequire: true,
              lookuptype: "DB0022",
              component: () =>import("@/components/crm/lookupValue/lookupvalue"),
            },

          ]
        }
      ],
      infoComponents6:{
        pageSize:-1,
        pageIndex:1,
        colnames:[
          {
            value: "seriesName",
            label: "意向车系",
          },
          {
            value: "modelName",
            label: "意向车型",
          },
          {
            value: "colorName",
            label: "意向颜色",
          },
          {
            value: "inColorName",
            label: "意向内饰色",
          },
          {
            value: "optionName",
            label: "选装包",
          },
        ],
        tableData:[],
        queryObj: {
          // .后面是服务编码，.前面固定写死
          apiConfig: crmApis.buClueCarInfoQueryFindAll,
          apiQueryRow: [
            "seriesName",
            "seriesCode",
            "modelName",
            "modelCode",
            "modelId",
            "colorName",
            "colorId",
            "inColorName",
            "inColorId",
            "optionName",
            "optionId",
            "isFirstChoice",
            "isCompVehicle",
          ],
          params: {
            serverOrder: "",
            isFirstChoice:"0"
            //empId: ""
          }
        },
      },

      formField:{
        custName:"",
        gender:"",
        contactTel:"",
        backupTel:"",
        touchStatus:"",
        inteSeriesId:"",
        inteSeriesCode:"",
        carSeriesCn:"",
        inteTypeCode:"",
        color:"",
        isOrder:0,
        clueDesc:"",
        remark:"",
        remainDataDate:"",
        nextCallbackDate:"",
        planReviewDate:"",
        //线索次要信息
        custSource:"",
        originalCustName:"",
        recommendPersonRelation:"",
        carLicense:"",
        introducerRelationship:"",
        introducer:"",
        introduceTel:"",
        introduceGender:"",
        //change动态显示
        reviewDesc:"",
        nextCallbackDate:"",
        arrivedDate:"",
        leaveDate:"",
        caEmpId:"",
        buyingFormSite:"",
        infoSource:"",
        intentVisitDate:"",
        activityProcess:"",
        failReasonMId:"",
        compCarSeriesCode:"",
        yidiDlrCode:"",
        provinceId:"",
        cityId:"",
        dlrCode:"",
        infoChanDCode:"",//渠道来源
        clueLevelCode:"",
        intentPriceCode:"",
        carConfigId:"",
        carConfigCn:"",
        cantactWayCode:"",
        infoChanMCode:"",
        infoChanDCode:"",
        userId:"",
        lostFailerDetail:"",
        infoChanDName:"",
        inteTypeName:"",
        carColorId:"",
        carIncolorId:"",
        optionalPackId:"",
        optionalPackCn:"",
        buyFocus:"",
        compCarSeriesC:"",
        compCarSeriesN:"",
      },


    }
  },
  mounted: function() {
    this.$nextTick(function() {
      this.initData(this.$route.params.serverOrder);
      this.queryMoreCar(this.$route.params.serverOrder)
    });

  },
  methods: {
    //查询多辆车
    queryMoreCar(id){
      let that = this;
      that.infoComponents6.queryObj.params.serverOrder = id;
      this.$crmcf.simpleTablequery(that, that.infoComponents6, that.infoComponents6.queryObj.apiConfig,function(data){
        that.infoComponents6.tableData =data.rows;
      })
    },
    // 初始化
    initData: function(serverOrderLink, applyDelayReasonLink, applyTimeLink) {
      let that = this;
      let queryObj = {
        // api配置
        apiConfig: crmApis.clueServerQueryFromDlr,
        // 需要调用的API服务配置
        apiServices: [
          {
            //表格中台返回网格的字段
            apiQueryRow: [
              "custName",
              "gender",
              "contactTel",
              "backupTel",
              "touchStatus",
              // "carSeriesCode",
              "inteTypeCode",
              "color",
              "isOrder",
              "clueDesc",
              "remark",
              "remainDataDate",
              "nextCallbackDate",
              "planReviewDate",
              //线索次要信息
              "custSource",
              "originalCustName",
              "recommendPersonRelation",
              "carLicense",
              "introducerRelationship",
              "introducer",
              "introduceTel",
              "introduceGender",
              //change动态显示
              "reviewDesc",
              "nextCallbackDate",
              "arrivedDate",
              // "leaveDate",
              "caEmpId",
              "buyingFormSite",
              // "infoSource",
              // "intentVisitDate",
              // "activityProcess",
              // "failReason",
              // "compCarSeriesCode",
              // "yidiDlrCode",
              // "provinceId",
              // "cityId",
              "dlrCode",
              "cantactWayCode",
              "cantactWayName",
              "infoChanDCode",
              "infoChanDName",
              "infoChanMCode",
              "infoChanMName",
              "clueLevelCode",
              "intentPriceCode",

              "carSeriesCn",
              "carBrandCode",
              "inteSeriesId",
              "inteSeriesId",
              "inteSeriesCode",
              "carConfigId",
              "carConfigCn",
              "inteTypeName",
              "inteTypeId",
              "optionalPackId",
              "optionalShortName",
              "innerColor",
              "buyFocus",
              "compCarSeriesCode",
              "compCarSeriesName",
            ]
          }
        ],
        //条件/实体参数（变量），根据typeParam中的定义配置
        variables: {
          pageSize: 10,
          pageIndex: 1,
          //当前中台使用的名称有dataInfo、info，具体查看API文档
          dataInfo: {
            // oemCode: "1",
            // groupCode: "1",
            handleCode: "1",
            statusArray: ["10","20","21","30","31","40","50"],
            serverOrder: serverOrderLink, //带单号查询
            isQueryHistory:this.$route.params.isQueryHistory
          }
        }
      };
      //转换了中台请求格式数据
      var paramD = that.$getParams(queryObj);
      // 调用中台API方法（可复用）
      requestAPI(paramD).then(response => {
        if (response.result == "1") {
          let results = response.rows[0];
          for (let key in that.formField) {
            if (results.hasOwnProperty(key)) {
              that.formField[key] = results[key];
            }
          }
          that.formField.infoChanDName=results.cantactWayName+'>'+results.infoChanMName+'>'+results.infoChanDName;
          if(that.formField.touchStatus){
            this.ChangeState(that.formField.touchStatus);
          }
          that.formField.carColorId=that.formField.color;
          that.$refs.formone[0].$refs.compKey11[0].getData(results.inteTypeId);
          if(results.color){
            that.$refs.formone[0].$refs.compKey50[0].getData('','','','smallCarTypeId',this.formField.smallCarTypeId,'carColorId',results.color);
          }
          that.formField.carIncolorId=results.innerColor;
          that.formField.optionalPackCn=results.optionalShortName;
          this.infoComponents3[0].tableComponents[14].getVal=this.formField.buyFocus;
          that.formField.compCarSeriesC=results.compCarSeriesCode
          that.formField.compCarSeriesN=results.compCarSeriesName
        }
      });
    },
    handleClick1(){
      if(this.formField.touchStatus){
        this.ChangeState(this.formField.touchStatus)
      }

    },
    getHistory(){
      let that = this;
      if(that.infoComponents1[0].children[0].bottons[0].type){
        that.infoComponents1[0].children[0].formField.isQueryHistory='0'
        that.infoComponents1[0].children[0].bottons[0].type = "";
      }else{
        that.infoComponents1[0].children[0].formField.isQueryHistory='1'
        that.infoComponents1[0].children[0].bottons[0].type = "primary";
      }
      that.$refs.multipleTable[0].queryTable();
    }

  }
};
</script>
<style scoped>
.choosefile {
  float: left;
  text-align: left;
}
</style>
